<template>
  <div class="menu-content">
    <div class="item_title">{{ title }}</div>
    <slot></slot>
  </div>
</template>
<script setup>
defineProps({
  title: String
})
</script>
<style scoped lang="scss">
// ...把 menu-content 相关样式复制过来...
.menu-content {
  flex: 1;
  .item_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    line-height: 50px;
    background: linear-gradient(to right, #e0f7fa, #b2ebf2);
    &::before {
      content: '';
      display: inline-block;
      width: 5px;
      height: 20px;
      background: skyblue;
      margin-right: 5px;
      border-radius: 10px;
    }
  }
}
</style>
